<template>
  <div>
    <h4>Music</h4>
    <ul>
      <li v-for="item in List" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>
ist
<script>
export default {
  name: "Music",

  computed: {

    List() {

      switch (this.$route.params.id) {
        case "1":
          return ["中国心"];
        case "2":
          return ["Inmay heard"];
        case "3":
          return ["波尔斯基"];
        default:
          return []
      }
    },
  },
};
</script>

<style>
</style>